<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<!--<link rel="stylesheet" type="text/css" href="./css/index.css"/>-->
		<link rel="stylesheet" type="text/css" href="./css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="./css/show_classify.css"/>
	</head>
	<body>
		<include src="./header.html"></include>
		<!-- 顶部阴影 -->
		<div class="show_classify_top"></div>
		<!-- 手机分类筛选 -->
		<div class="show_classify_phone container">
			<div><a href="./index.html">首页</a><img src="images/show_classify_right_arrowhead.jpg" ><a href="javascript:;">手机</a></div>
			<div>
				<span>分类：</span>
				<div class="classifyForA">
					<a href="javascript:;">全部</a>
					<a href="javascript:;">荣耀</a>
					<a href="javascript:;">HUAWEI P系列</a>
					<a href="javascript:;">HUAWEI Mate系列</a>
					<a href="javascript:;">荣耀畅玩系列</a>
					<a href="javascript:;">HUAWEI nava系列</a>
					<a href="javascript:;">华为畅享系列</a>
					<a href="javascript:;">HUAWEI 麦芒系列</a>
					<a href="javascript:;">移动4G+专区</a>
				</div>
			</div>
			<div>
				<span>排序：</span>
				<div class="sortForA">
					<a href="javascript:;">上架时间</a>
					<a href="javascript:;">价格</a>
					<a href="javascript:;">评价</a>
				</div>
			</div>
		</div>
		<!-- 商品分类展示 -->
		<div class="show_classify_img container">
			<ul>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
				<li>
					<a href="./gouwuche.html" target="_blank">
						<img src="images/show_classify_phone.png" title="荣耀10">
					</a>
					<p>
						<a href="javascript:;">荣耀10</a>
					</p>
					<span>¥1799</span>
					<div>
						<a href="javascript:;">选购</a>
						<span>215568人评价</span>
					</div>
				</li>
			</ul>
		</div>
		<include src="./footer.html"></include>
	</body>
	<script type="text/javascript">
		window.onload = function(){
			var clssifyA = document.querySelectorAll(".classifyForA a");
			for (var i = 0; i < clssifyA.length; i++) {
				clssifyA[i].onclick = function(){
					for (var i = 0; i < clssifyA.length; i++) {
						clssifyA[i].style.color = "#999";
						this.style.color = "#ca151d";
					}
				}
			}
			var sortA = document.querySelectorAll(".sortForA a");
			for (var j = 0; j < sortA.length; j++) {
				sortA[j].onclick = function(){
					for (var j = 0; j < sortA.length; j++) {
						sortA[j].style.color = "#999";
						this.style.color = "#ca151d";
					}
				}
			}
		}
	</script>
	<!--<script src="./js/include.js"></script>-->
</html>
